<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>找货推荐</title>
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/public.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/wode.css" rel="stylesheet" />zaohuotuiji
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
 <script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/core.js"></script>
<script src="js/zhaohuotuijian.1.0.js"></script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">
        	<a href="1.4.0seach.html" class="top_seach"><img src="images/top_seach.png" />请输入关键词搜索</a>
        </h1>
        <a href="javascript:recommend(0);" class="p_header_right" id="showRight">筛选</a>
    </header>
</div>
<!--内容-->
<div class="dianpu_title w_xxtaba">
    <ul class="clearfix w_xxtab_tit">
        <li class="curr">
            <a  onclick="selectall(1)">日韩</a>
        </li>
        <li>
            <a  onclick="selectall(2)">森系</a>
        </li>
        <li>
            <a  onclick="selectall(3)">休闲</a>
        </li>
        <li>
            <a  onclick="selectall(4)">欧美</a>
        </li>
        <li>
            <a  onclick="selectall(5)">中老年</a>
        </li>
    </ul>
   <div id="zaohuotuijian"></div>
   <div id="zaohuotuijian2"></div>
   <div id="zaohuotuijian3"></div>
   <div id="zaohuotuijian4"></div>
   <div id="zaohuotuijian5"></div>
</div>

<!--分享-->

<input type="text" style="display: none;" id="dianpuleixing"/>
<input type="text"  style="display: none;" id="remaigoodss"/>
<input type="text"  style="display: none;" id="shifoubaohuans"/>
<input type="text"  style="display: none;" id="jingbidikous"/>
<input type="hidden" id="tuijians" value="1"/>
<div class="clearfix" id="chanping">
<!--top 筛选-->
<!--top 筛选-->
<form  action="demo_form.asp" method="get">
<div class="shaixuan cbp-spmenu-right" id="cbp-spmenu-s2">
	<div id="Fenlei">
		<div class="shaixuan_header clearfix quxiao_left">
			<a class="shaixuan_header_left" href="javascript:void(0);">取消</a>
			<h1>筛选</h1>
			<a class="shaixuan_header_right" href="javascript:shaixuanshousuo();">确定</a>
		</div>
		<div class="shaixuan_con">
			<div class="shaixuan_dianpu">
				<span class="sx_curr" id="1">实体店</span>
				<span id="2">工厂店</span>
				<span id="3">网批店</span>
			</div>
			<div class="shaixuan_price">
				<h6>价格区间(元)</h6>
				<div class="shaixuan_price_input">
					<input type="text" id="zuishaozhi" placeholder="最少值" />
					<em>——</em>
					<input type="text" id="zuidazhi" placeholder="最多值" />
				</div>
			</div>
			<div class="shaixuan_ul">
				<ul>
					<li class="clearfix">
						<span>起批件数</span>
						<div class="fr clearfix">
			            	<input type="text" id="qipijianshu"/>
			            	<em>件一下起批</em>
			           </div>
					</li>
					<li class="clearfix">
						<span>热销商品</span>
						<div class="fr jg_swith">
			            	<div id="rexiaogoods" class="mui-switch mui-switch-mini">
			            		<div class="mui-switch-handle"></div>
							</div>
			           </div>
					</li>
					<li class="clearfix">
						<span>支持包换</span>
						<div class="fr jg_swith">
			            	<div id="shifoubaohuan" class="mui-switch mui-switch-mini">
			            		<div class="mui-switch-handle"></div>
							</div>
			           </div>
					</li>
					<li class="clearfix">
						<span>金币抵扣</span>
						<div class="fr jg_swith">
			            	<div id="jingbidikou" class="mui-switch mui-switch-mini">
			            		<div class="mui-switch-handle"></div>
							</div>
			           </div>
					</li>
					<li class="clearfixs">
						<span id="pfsq">批发商圈</span>
						<a id="shangquanmingzi" class="show_shangquan" onclick="selectallsshangquan()" href="javascript:void(0);">全部商圈</a>
					</li>
				</ul>
			</div>
			<div class="shaixuan_chongzhi">
				<input type="reset" value="重置" />
			</div>
		</div>
	</div>
	<!--商圈-->
	<div id="Shangquan">
		<div class="shaixuan_header clearfix shangquan_quxiao">
			<a class="shaixuan_header_left" href="javascript:void(0);">取消</a>
			<h1>商圈</h1>
			<!--<a class="shaixuan_header_right" href="javascript:void(0);">确定</a>-->
		</div>
		
		<div class="shaixuan_shangquan">
			<ul class="quanquan" id="shangquanxinxi">
			</ul>
		</div>
	</div>
</div>


</form>
<link rel="stylesheet" href="css/mui.min.css">
<link href="css/mui.picker.css" rel="stylesheet" />
<link href="css/mui.poppicker.css" rel="stylesheet" />
<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
<script src="js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>



<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(function () {
   $('.w_xxtab_tit li').on('click',function(){
        //获得当前被点击的元素索引值
        var Index = $(this).index();
        //给菜单添加选择样式
        $(this).addClass('curr').siblings().removeClass('curr');
        //显示对应的div
		$('.w_xxtaba').children('div').eq(Index).show().siblings('div').hide();
   
   });
});
	//关注
	$('.jg_guanzhu').on('click',function(){		
		if($(this).html() == "关注" ){
			$(this).html("取消").css("background","#ccc");
		}else{
			$(this).html("关注").css("background","#FD900F");
		}
		
	});	
	
	//分享
	$(function(){
		//弹出
		$('.jg_share').on('click',function(){		
			$("body").append("<div id='mask'></div>");
        	$(".public_share").show();
		});	
		//点击关闭
		$(".public_share_quxiao").on('click',function(){
	        $(".public_share").hide();
	        $("#mask").remove();
	    }) 
	    $("#mask").on('click',function(){
	        $(".public_share").hide();
	        $("#mask").remove();
	    }) 
	});
	
	//筛选侧滑
	$(function(){      
		$("#showRight").click(function(){        
//			$(".cbp-spmenu-right").stop(true).animate({right:"150px"},'slow');  
			$(".cbp-spmenu-right").stop(true).animate({right:"0"},'slow');
			$("body").append("<div id='mask'></div>");
		});
		$(".quxiao_left a").click(function(){               
			$(".cbp-spmenu-right").stop(true).animate({right:"-90%"},'slow');   
			$("#mask").remove();
		}); 
	})
	//店铺选择
	$(function () {
        $('.shaixuan_dianpu span').on('click',function(){
			$(this).addClass('sx_curr').siblings().removeClass('sx_curr');
       $("#dianpuleixing").val($(this).attr("id"));   
        });
    });
    //商圈选择
    $(function () {
        $('.shaixuan_shangquan li').on('click',function(){
			$(this).addClass('sq_curr').siblings().removeClass('sq_curr');

        });
    });
	//商圈侧滑
	$(function(){      
		$(".show_shangquan").click(function(){        
//			$(".cbp-spmenu-right").stop(true).animate({right:"150px"},'slow');  
			$("#Shangquan").show();
		});
		$(".shangquan_quxiao a").click(function(){               
			$("#Shangquan").hide();   
	
		}); 
	})
	
	   $(function(){
    	 $('#rexiaogoods').on('click',function(){
    	 	 var cs=$(this).attr("class");
    	 	 if(cs=='mui-switch mui-switch-mini mui-active'){
    	 	 	$("#remaigoodss").val(3);
    	 	 }else{
    	 	 	$("#remaigoodss").val("");
    	 	 }
    	 	 //alert(cs);
        });
    });
	
	 $(function(){
    	$('#shifoubaohuan').on('click',function(){
    		  var cs=$(this).attr("class");
    	 	 if(cs=='mui-switch mui-switch-mini mui-active'){
    	 	 	$("#shifoubaohuans").val(1);
    	 	 }else{
    	 	 		$("#shifoubaohuans").val("");
    	 	 }
    	});
    });
    //金币抵扣
    $(function(){
    	   $('#jingbidikou').on('click',function(){
    		  var cs=$(this).attr("class");
    	 	 if(cs=='mui-switch mui-switch-mini mui-active'){
    	 	 	$("#jingbidikous").val(1);
    	 	 }else{
    	 	 		$("#jingbidikous").val("");
    	 	 }
    	});
    });
	
</script>
   
<script>
	function selectall(tui){
		$("#tuijians").val(tui);
		 if(tui==1){
		 	 currentPage=1;
             currentPage2=1;
currentPage3=1;
 currentPage4=1;
 currentPage5=1;
 ss=0;
  		ss2=0;
  		ss3=0;
  		ss4=0;
  		ss5=0;
  		$("#zaohuotuijian").html("");
  		$("#zaohuotuijian2").html("");
  		$("#zaohuotuijian3").html("");
  		$("#zaohuotuijian4").html("");
  		$("#zaohuotuijian5").html("");
	          recommend21();
	          }else if(tui==2){
	          	 currentPage=1;
             currentPage2=1;
currentPage3=1;
 currentPage4=1;
 currentPage5=1;
 ss=0;
  		ss2=0;
  		ss3=0;
  		ss4=0;
  		ss5=0;
  		$("#zaohuotuijian").html("");
  		$("#zaohuotuijian2").html("");
  		$("#zaohuotuijian3").html("");
  		$("#zaohuotuijian4").html("");
  		$("#zaohuotuijian5").html("");
	          	recommend22();
	          }else if(tui==3){
	           	 currentPage=1;
             currentPage2=1;
currentPage3=1;
 currentPage4=1;
 currentPage5=1;
 ss=0;
  		ss2=0;
  		ss3=0;
  		ss4=0;
  		ss5=0;
  		$("#zaohuotuijian").html("");
  		$("#zaohuotuijian2").html("");
  		$("#zaohuotuijian3").html("");
  		$("#zaohuotuijian4").html("");
  		$("#zaohuotuijian5").html("");
	          	recommend23();
	          }else if(tui==4){
	         	 currentPage=1;
             currentPage2=1;
currentPage3=1;
 currentPage4=1;
 currentPage5=1;
 ss=0;
  		ss2=0;
  		ss3=0;
  		ss4=0;
  		ss5=0;
  		$("#zaohuotuijian").html("");
  		$("#zaohuotuijian2").html("");
  		$("#zaohuotuijian3").html("");
  		$("#zaohuotuijian4").html("");
  		$("#zaohuotuijian5").html("");
	          	recommend24();
	          }else if(tui==5){
	          	//alert(currentPage5)
	          	 currentPage=1;
             currentPage2=1;
currentPage3=1;
 currentPage4=1;
 currentPage5=1;
 ss=0;
  		ss2=0;
  		ss3=0;
  		ss4=0;
  		ss5=0;
  		$("#zaohuotuijian").html("");
  		$("#zaohuotuijian2").html("");
  		$("#zaohuotuijian3").html("");
  		$("#zaohuotuijian4").html("");
  		$("#zaohuotuijian5").html("");
	          	recommend24();
	          }
	}
		 $(window).scroll(function() {
    if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
	          var tui=$("#tuijians").val();
	          if(tui==1){
               currentPage++;
	          recommend21();
	          }else if(tui==2){
	          	currentPage2++;
	          	recommend22();
	          }else if(tui==3){
	            currentPage3++
	          	recommend23();
	          }else if(tui==4){
	           currentPage4++;
	          	recommend24();
	          }else if(tui==5){
	          	//alert(currentPage5)
	          	currentPage5++;
	          	recommend24();
	          }
       }


  });	
	
</script>
</body>
</html>